function dian(){
	$("#yc").css("width","715px");
	$("#zibei").css("height","50px");
	$("#p1").css("color","white");
	
	$("#zibei2").css("height","0px");
	$("#p2").css("color","black");
	$("#zibei3").css("height","0px");
	$("#p3").css("color","black");
	$("#zibei4").css("height","0px");
	$("#p4").css("color","black");
	$("#zibei5").css("height","0px");
	$("#p5").css("color","black");
	$("#zibei6").css("height","0px");
	$("#p6").css("color","black");
	if(n==1){
		return a();
	}else if(n==2){
		return b();
	}else if(n==3){
		return c();
	}else if(n==4){
		return d();
	}else if(n==5){
		return e();
	}else if(n==6){
		return f();
	}else if(n==7){
		return g();
	}else if(n==8){
		return h();
	}else if(n==9){
	    return i();
	}else if(n==10){
		return j();
	}else if(n==11){
		return k();
	}else if(n==12){
		return l();
	}else if(n==13){
		return m();
	}else if(n==14){
		return n();
	}else if(n==15){
		return o();
	}else if(n==16){
		return p();
	}else if(n==17){
		return q();
	}else if(n==18){
		return r();
	}
}
function dian2(){
	$("#yc").css("width","715px");
	$("#zibei2").css("height","50px");
	$("#p2").css("color","white");
	
	$("#zibei").css("height","0px");
	$("#p1").css("color","black");
	$("#zibei3").css("height","0px");
	$("#p3").css("color","black");
	$("#zibei4").css("height","0px");
	$("#p4").css("color","black");
	$("#zibei5").css("height","0px");
	$("#p5").css("color","black");
	$("#zibei6").css("height","0px");
	$("#p6").css("color","black");
}
function dian3(){
	$("#yc").css("width","715px");
	$("#zibei3").css("height","50px");
	$("#p3").css("color","white");
	
	$("#zibei").css("height","0px");
	$("#p1").css("color","black");
	$("#zibei2").css("height","0px");
	$("#p2").css("color","black");
	$("#zibei4").css("height","0px");
	$("#p4").css("color","black");
	$("#zibei5").css("height","0px");
	$("#p5").css("color","black");
	$("#zibei6").css("height","0px");
	$("#p6").css("color","black");
}

function dian4(){
	$("#yc").css("width","715px");
	$("#zibei4").css("height","50px");
	$("#p4").css("color","white");
	
	$("#zibei").css("height","0px");
	$("#p1").css("color","black");
	$("#zibei3").css("height","0px");
	$("#p3").css("color","black");
	$("#zibei2").css("height","0px");
	$("#p2").css("color","black");
	$("#zibei5").css("height","0px");
	$("#p5").css("color","black");
	$("#zibei6").css("height","0px");
	$("#p6").css("color","black");
}

function dian5(){
	$("#yc").css("width","715px");
	$("#zibei5").css("height","50px");
	$("#p5").css("color","white");
	
	$("#zibei").css("height","0px");
	$("#p1").css("color","black");
	$("#zibei3").css("height","0px");
	$("#p3").css("color","black");
	$("#zibei4").css("height","0px");
	$("#p4").css("color","black");
	$("#zibei2").css("height","0px");
	$("#p2").css("color","black");
	$("#zibei6").css("height","0px");
	$("#p6").css("color","black");
}
function dian6(){
	$("#yc").css("width","715px");
	$("#zibei6").css("height","50px");
	$("#p6").css("color","white");
	
	$("#zibei").css("height","0px");
	$("#p1").css("color","black");
	$("#zibei3").css("height","0px");
	$("#p3").css("color","black");
	$("#zibei4").css("height","0px");
	$("#p4").css("color","black");
	$("#zibei5").css("height","0px");
	$("#p5").css("color","black");
	$("#zibei2").css("height","0px");
	$("#p2").css("color","black");
}
function qc(){
	$("#yc").css("width","0px").css("transition","300ms 700ms");
	$("#zibei6").css("height","0px");
	$("#p6").css("color","black");
	$("#zibei").css("height","0px");
	$("#p1").css("color","black");
	$("#zibei3").css("height","0px");
	$("#p3").css("color","black");
	$("#zibei4").css("height","0px");
	$("#p4").css("color","black");
	$("#zibei5").css("height","0px");
	$("#p5").css("color","black");
	$("#zibei2").css("height","0px");
	$("#p2").css("color","black");
	$("#ycwz").css("height","0px").css("transition","300ms");
	$("#img").css("animation","oo 500ms forwards");
	var g=document.getElementById("yc");
	g.onmousemove=null;
	clearTimeout(timer);
    var timer = setTimeout(function(){g.onmousemove = hua;},1000);
    document.getElementById("ycwz").onmousemove="";
}

function hua(){
	var a=document.getElementById("img");
    var cStyle=document.defaultView.getComputedStyle(a);
	var hei=parseInt(cStyle.height);
	if(hei==1012){
		$("#ycwz").css("height","250px");
	}
}

function chu(){
    $("#ycwz").css("height","0px");
}
    var n=1;
function a(){
	n=1;
	var img=document.getElementById("img");
	img.src="img/bj1.jpg";
	$("#img").css("animation","hh 600ms 500ms forwards");
	$("#yc").css("width","715px").css("transition","600ms");
}
function b(){
	n=2;
	var img=document.getElementById("img");
	img.src="img/bj11.jpg";
	$("#img").css("animation","hh 600ms 500ms forwards");
	$("#yc").css("width","715px").css("transition","600ms");
}
function c(){
	n=3;
	var img=document.getElementById("img");
	img.src="img/bj3.jpg";
    $("#img").css("animation","hh 600ms 500ms forwards");
	$("#yc").css("width","715px").css("transition","600ms");
}
function d(){
	n=4;
	var img=document.getElementById("img");
	img.src="img/bj14.jpg";
    $("#img").css("animation","hh 600ms 500ms forwards");
	$("#yc").css("width","715px").css("transition","600ms");
}
function e(){
	n=5;
	var img=document.getElementById("img");
	img.src="img/bj5.jpg";
	$("#img").css("animation","hh 600ms 500ms forwards");
	$("#yc").css("width","715px").css("transition","600ms");;
}
function f(){
	n=6;
	var img=document.getElementById("img");
	img.src="img/bj6.jpg";
	$("#img").css("animation","hh 600ms 500ms forwards");
	$("#yc").css("width","715px").css("transition","600ms");
}
function g(){
	n=7;
	var img=document.getElementById("img");
	img.src="img/bj16.jpg";
	$("#img").css("animation","hh 600ms 500ms forwards");
	$("#yc").css("width","715px").css("transition","600ms");
}
function h(){
	n=8;
	var img=document.getElementById("img");
	img.src="img/bj8.jpg";
	$("#img").css("animation","hh 600ms 500ms forwards");
	$("#yc").css("width","715px").css("transition","600ms");
}
function i(){
	n=9;
	var img=document.getElementById("img");
	img.src="img/bj9.jpg";
	$("#img").css("animation","hh 600ms 500ms forwards");
	$("#yc").css("width","715px").css("transition","600ms");
}
function j(){
	n=10;
	var img=document.getElementById("img");
	img.src="img/bj10.jpg";
	$("#img").css("animation","hh 600ms 500ms forwards");
	$("#yc").css("width","715px").css("transition","600ms");
}
function k(){
	n=11;
	var img=document.getElementById("img");
	img.src="img/bj2.jpg";
	$("#img").css("animation","hh 600ms 500ms forwards");
	$("#yc").css("width","715px").css("transition","600ms");
}
function l(){
	n=12;
	var img=document.getElementById("img");
	img.src="img/bj12.jpg";
	$("#img").css("animation","hh 600ms 500ms forwards");
	$("#yc").css("width","715px").css("transition","600ms");
}
function m(){
	n=13;
	var img=document.getElementById("img");
	img.src="img/bj13.jpg";
	$("#img").css("animation","hh 600ms 500ms forwards");
	$("#yc").css("width","715px").css("transition","600ms");
}
function n1(){
	n=14;
	var img=document.getElementById("img");
	img.src="img/bj4.jpg";
	$("#img").css("animation","hh 600ms 500ms forwards");
	$("#yc").css("width","715px").css("transition","600ms");
}
function o(){
	n=15;
	var img=document.getElementById("img");
	img.src="img/bj15.jpg";
	$("#img").css("animation","hh 600ms 500ms forwards");
	$("#yc").css("width","715px").css("transition","600ms");
}
function p(){
	n=16;
	var img=document.getElementById("img");
	img.src="img/bj7.jpg";
	$("#img").css("animation","hh 600ms 500ms forwards");
	$("#yc").css("width","715px").css("transition","600ms");
}
function q(){
	n=17;
	var img=document.getElementById("img");
	img.src="img/bj17.jpg";
	$("#img").css("animation","hh 600ms 500ms forwards");
	$("#yc").css("width","715px").css("transition","600ms");
}
function r(){
	n=18;
	var img=document.getElementById("img");
	img.src="img/bj18.jpg";
	$("#img").css("animation","hh 600ms 500ms forwards");
	$("#yc").css("width","715px").css("transition","600ms");
}
